<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Home</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- 字体文件 -->
<link href='css/font.css' rel='stylesheet' type='text/css'>
 
<!-- css -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/viewbox.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/hoverex-all.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/portfolio.css" rel="stylesheet" type="text/css" media="all"/>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link rel="stylesheet" type="text/css" href="css/addstyle.css"/>
<link href="css/bootstrap-datetimepicker.css" rel="stylesheet" media="screen">
<link rel="stylesheet" type="text/css" href="css/dataTables.bootstrap.css">

<script src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.js"></script>

<script type="text/javascript" language="javascript" src="js/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/bootstrap-datetimepicker.fr.js" charset="UTF-8"></script>

<script src="js/holder.min.js"></script>

<script src="js/bootstrap.min.js"></script>




<script type="text/javascript" language="javascript" class="init">
      $(document).ready(function() {
        $('#id-bootstrap-table').DataTable();
        var dataSet = [
          [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
          [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
          [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],
          [ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ],
          [ "Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700" ],
          [ "Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000" ],
          [ "Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500" ],
          [ "Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900" ],
          [ "Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500" ],
          [ "Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600" ],
          [ "Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560" ],
          [ "Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000" ],
          [ "Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600" ],
          [ "Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500" ],
          [ "Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750" ],
          [ "Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500" ],
          [ "Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000" ],
          [ "Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500" ],
          [ "Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000" ],
          [ "Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500" ],
          [ "Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000" ],
          [ "Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000" ],
          [ "Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450" ],
          [ "Doris Wilder", "Sales Assistant", "Sidney", "3023", "2010/09/20", "$85,600" ],
          [ "Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000" ],
          [ "Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575" ],
          [ "Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650" ],
          [ "Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850" ],
          [ "Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000" ],
          [ "Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000" ],
          [ "Michelle House", "Integration Specialist", "Sidney", "2769", "2011/06/02", "$95,400" ],
          [ "Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500" ],
          [ "Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000" ],
          [ "Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500" ],
          [ "Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050" ],
          [ "Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675" ]
        ];
        $('#id-array-table').DataTable( {
          data: dataSet,
          columns: [
            { title: "Name" },
            { title: "Position" },
            { title: "Office" },
            { title: "Extn." },
            { title: "Start date" },
            { title: "Salary" }
          ]
        });
        $('#id-ajax-table').DataTable( {
          "ajax": 'data/arrays.txt'
        });
      });
    </script>
<!-- /css -->
<!-- js files -->
<script type="text/javascript" src="js/modernizr.custom.js"></script> 

<!-- /js  -->
<style>
		body {
			position: relative;
			background-color: gainsboro;
		}
		ul.nav-pills {
			top: 20px;
			position: fixed;
		}
		div.col-sm-9 div {
			
			font-size: 28px;
		}
		.nav-pills {
			top: 50px;
			position: fixed;
		}
				 
		#main,#main1,#main3,#main4{
			width: 600px;
			height: 400px;
		}
		/* #section1 {color: #fff; background-color: #1E88E5;} */
		/* #section2 {color: #fff; background-color: #673ab7;} */
	/* 	#section3 {color: #fff; background-color: #ff9800;}
		#section41 {color: #fff; background-color: #00bcd4;}
		#section42 {color: #fff; background-color: #009688;}
 */
		@media screen and (max-width: 810px) {
			#section1, #section2, #section3, #section41, #section42  {
				margin-left: 150px;
			}
		}
	</style>
</head>
<body data-spy="scroll" data-target="#myScrollspy" data-offset="20">

<div class="container">
	<div class="row">
		<nav class="col-sm-2" id="myScrollspy">
			<div class="container-fluid"> 
			<div class="container-fluid"> 
			<ul class="nav nav-pills nav-stacked">
				<li class="active"><a href="#section1">公司介绍</a></li>
				<li><a href="#section2">公司资金</a></li>
				<li><a href="#section3">加入我们</a></li>
				<li class="dropdown">
					<a class="dropdown-toggle" data-toggle="dropdown" href="#">关于公司<span class="caret"></span></a>
					<ul class="dropdown-menu">
						<li><a href="#section41">业绩</a></li>
						<li><a href="#section42">分店</a></li>                     
					</ul>
				</li>
			</ul>
			</div>	
			</div>		
		</nav>
		<div class="col-sm-10">
			<div id="section1">    
				<h2><a href="index.html">E颜科技</a></h2>
				<!-- 轮播图 -->
				<div id="myCarousel" class="carousel slide">
					<!-- 轮播carousel指标 -->
					<ol class="carousel-indicators" style="margin-bottom: 60px;">
						<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
						<li data-target="#myCarousel" data-slide-to="1"></li>
						<li data-target="#myCarousel" data-slide-to="2"></li>
					</ol>
					<!-- 轮播项目carousel -->
					<div class="carousel-inner">
						<div class="item active">
							<img src="images/服务全球.jpg" >
							<div class="carousel-caption">
								全球分店
							</div>
						</div>
						<div class="item ">
							<img src="images/5Ggout.jpg" >
							<div class="carousel-caption">
								高端数据链
							</div>
						</div>
						<div class="item">
							<img src="images/kejichuangxin.jpg" >
							<div class="carousel-caption">
								自研科技
							</div>
						</div>
						
					</div>
					<!-- /轮播项目carousel -->
					<!-- 轮播导航 -->
					<a href="#myCarousel" class="left carousel-control" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a href="#myCarousel" class="right carousel-control" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
					<!-- /轮播导航 -->
				</div>
				<!-- /轮播图 -->
				<div class="clearfix" style="width: 100%;height: 1px;">
					
				</div>
				<div class="panel panel-warning">
				    <div class="panel-heading">
				        <h3 class="panel-title" id="">公司简介</h3>
				    </div>
				    <div class="panel-body text-index" >
						<p>E颜科技有限公司是一家云计算及人工智能科技公司，创立于2009年，致力于以在线公共服务的方式，提供安全、可靠的计算和数据处理能力，让计算和人工智能成为普惠科技。</p>
						<p>E颜科技带动了中国云计算的发展，使阿里集团彻底完成了去IOE工作，从零搭建自主的飞天系统，在天猫双11全球狂欢节、12306春运购票等应用场景中，始终保持着良好的稳定性。还曾帮助用户抵御全球互联网史上最大的DDoS攻击。</p>
						<p>2021年4月26日，福州城投宣布与E颜科技签订全面合作协议。双方围绕产业数字化、智慧园区、智慧物业、智慧建筑等多方面展开合作</p>
						<p>2018年12月14日，E颜科技宣布加入专利保护社区OIN 。作为社区会员，E颜科技正在兑现其对开源软件的承诺，并力求为造福全球终端用户贡献力量。</p>
						
						
						<p>2019年1月，E颜科技技术委员会正式成立。E颜科技高级执行副总裁、技术工程事业群总裁卢山和E颜科技高级执行副总裁、云与智慧产业事业群总裁汤道生两名E颜科技总办成员牵头，几大事业群的技术负责人悉数进入技术委员会决策圈。</p>
						
						<p>2019年1月10日，在2019中国英雄联盟电竞生态领袖峰会上，E颜科技正式宣布与拳头游戏成立合资公司“腾竞体育”，E颜科技集团高级副总裁马晓轶出任董事长，金亦波和林松担任联席CEO。</p>
						
						<p>2019年2月，E颜科技公司被联合国方面正式确认为“联合国网络犯罪政府专家组观察员”，将有权直接参与网络犯罪领域的国际规则谈判，与政府专家组进行磋商，并对专家组最终形成的成果文件进行书面建议。</p>
						
						<p>2019年3月1日，E颜科技测试“儿童锁”模式，13周岁以下想玩游戏须家长先“开锁”。按照要求，13周岁以下未成年新用户在首次登录游戏之前，将被强制要求进行“儿童锁”的登记认证。只有其监护人完成“解锁”后才能进入游戏，若未完成解锁则被禁止登录。E颜科技将分批在12个城市，对《王者荣耀》、《刺激战场》2款游戏的新用户展开抽样测试，首批测试已在北京、成都、长春3个城市启动。</p>
						
						<p>2019年5月22日，E颜科技宣布成立E颜科技教育，以加强自身与教育企业和机构的合作。E颜科技教育将集成E颜科技六大事业群20个教育产品，将向个人、学校、教育机构、教育管理部门提供智能连接、智能教学、智能科研和智能管理等服务。</p>
						
						<p>2019年6月，E颜科技在泰国推出了视频流媒体服务。</p>
						
						<p>2019年10月，E颜科技云完成了对一站式云端软件服务平台CODING的全资收购。CODING作为E颜科技全资子公司，将以深圳市腾云扣钉科技有限公司的主体继续独立运营。</p>
						
						<p>2019年10月11日，河北省政府与E颜科技公司正式签订战略合作协议，双方将依托河北省在政策、人才、规划及产业资源优势，积极发挥E颜科技在移动互联网、云计算、大数据、人工智能等领域的核心技术和金融资本优势，推进河北省数字政府民生工程与新一代信息技术深度融合。</p>
						
						<p>2020年4月3日，E颜科技正式控股虎牙：将合并虎牙财务报表，虎牙保持独立运营。</p>
						
						<p>2020年4月9日，E颜科技成立硬件工程实验室“星星海实验室”。 </p>
						
						<p>2020年7月，E颜科技在美国Orange开设了一间新的游戏工作室——LightSpeed LA。</p>
						
						<p>2020年7月3日，E颜科技清远云计算数据中心正式开服，这是E颜科技最大的自建数据中心集群，规划容纳服务器超过100万台。</p>
						
						<p>2020年9月29日，E颜科技对搜狗私有化交易达成最终协议，搜狗将成为E颜科技控股的间接全资子公司。该项交易预计在2020年第四季度完成。</p>
						
						<p>2020年12月，E颜科技私有化乐游科技获批准。</p>
						 
						<p>2020年12月，E颜科技收购Splash Damage母公司LeYou，Splash Damage正式成为E颜科技旗下的工作室。</p>
						
						<p>2021年1月12日，E颜科技宣布启动碳中和规划，积极响应中国碳中和目标。E颜科技也成为首批启动碳中和规划的互联网企业之一</p>
						
						<p>2021年2月，E颜科技宣布收购Bohemia Interactive的少数股权。</p>
						
						<p>2021年4月13日，深圳市E颜科技计算机系统有限公司（E颜科技）发布依法合规经营承诺书。</p>
						
						<p>2021年4月19日，E颜科技宣布再次启动战略升级，提出“可持续社会价值创新”战略，并宣布将为此首期投入500亿元，设立“可持续社会价值事业部”，推动战略落地</p>
				        
				       <p><strong>总部：</strong>湖北武汉经济开发区</p>
					   <p><strong>持法人：</strong>颜宏周</p>
					   <p><strong>注册时间：</strong>2021年</p>
				       
				    </div>
				</div>
						
			</div>
			<br>
			<div id="section2"> 
		
				<div class="panel panel-warning">
				    <div class="panel-heading">
				        <h3 class="panel-title" id="">公司资金</h3>
				    </div>
				    <div class="panel-body text-index" >
						<div class="row">
						  <div class="col-sm-10 main">
							<table id="id-array-table" class="table table-striped table-bordered" cellspacing="0" width="100%"></table>
						  </div>
						</div>
					</div>
				</div>
			</div>        
			
			<div id="section3">         
				<div class="panel panel-success">
				    <div class="panel-heading">
				        <h3 class="panel-title">欢迎您！</h3>
				    </div>
				    <div class="panel-body">
				         <form class="bs-example bs-example-form" role="form">
				                <div class="row">
				                    <div class="col-lg-6">
				                        <div class="input-group">
				                            <span class="input-group-btn">
												<button class="btn btn-default" type="button">姓名</button>
				                            </span>
				                            <input type="text" class="form-control">
				                        </div><!-- /input-group -->
										
										<div class="input-group">
										    <span class="input-group-btn">
												<button class="btn btn-default" type="button">账户</button>
										    </span>
										    <input type="text" class="form-control">
										</div><!-- /input-group -->
										<div class="input-group">
										    <span class="input-group-btn">
												<button class="btn btn-default" type="button">密码</button>
										    </span>
										    <input type="text" class="form-control">
										</div><!-- /input-group -->
										
										<div class="input-group">
										    <span class="input-group-btn">
												<button class="btn btn-default" type="button">手机号</button>
										    </span>
										    <input type="text" class="form-control">
										</div><!-- /input-group -->
										 <div class="input-group">
											<input type="text" class="form-control">
											<span class="input-group-btn">
												<button class="btn btn-default" type="button">邮箱</button>
											</span>
										</div><!-- /input-group -->
										<div class="form-group" style="width: 100%;">
										    <div class="input-group date form_date " data-date="" data-date-format="dd MM yyyy" data-link-field="dtp_input2" data-link-format="yyyy-mm-dd">
										        <input class="form-control" size="16" type="text" value="" readonly placeholder="注册日期">
										        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
												<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
										    </div>
											<input type="hidden" id="dtp_input2" value="" /><br/>
										</div>
				                    </div><!-- /.col-lg-6 -->
									<div class="col-lg-6">
										<button type="button" class="btn btn-primary" 
										    data-toggle="button">注册
										</button>
										​
									</div>
				                </div><!-- /.row -->
								
				            </form>
							<div class="row" style="color: black;">
								<h1><strong>我们的口号是：</strong><h3>拒绝996 拒绝加班 ，我们只要5%的利润，其他的都分发职工</h3></h1>
								<h1><strong>我们的地址：</strong><h3>湖北省武汉市光谷科技开发区336号3A特级写字楼</h3></h1>
								<h1><strong>联系人：</strong><h3>雷总</h3></h1>
								<h1><strong>电话：</strong><h3>138-8611-8788</h3></h1>
							</div>
				    </div>
				</div>
			</div>
			<div id="section41">         
				 <div class="panel panel-warning">
				     <div class="panel-heading">
				         <h3 class="panel-title">公司业绩</h3>
				     </div>
				     <div class="panel-body">
				         <div id="main1">
				         	
				         </div>
				         
				         <div id="main">
				         	
				         </div>
				     </div>
				 </div>
			</div>      
			<div id="section42">         
				 <div class="panel panel-warning">
				     <div class="panel-heading">
				         <h3 class="panel-title">公司分布</h3>
				     </div>
				     <div class="panel-body">
				         <div id="main3">
				         	
				         </div>
				          
				         <div id="main4">
				         	
				         </div>
				     </div>
				 </div>
			</div>
		</div>
		 
	</div>
</div>

<script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
    $('.form_datetime').datetimepicker({
        //language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		forceParse: 0,
        showMeridian: 1
    });
	$('.form_date').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 2,
		minView: 2,
		forceParse: 0
    });
	$('.form_time').datetimepicker({
        language:  'fr',
        weekStart: 1,
        todayBtn:  1,
		autoclose: 1,
		todayHighlight: 1,
		startView: 1,
		minView: 0,
		maxView: 1,
		forceParse: 0
    });
</script>

<!-- 测试数据-->
 <script type="text/javascript" language="javascript" class="init">
      $(document).ready(function() {
        $('#id-bootstrap-table').DataTable();
        var dataSet = [
          [ "Tiger Nixon", "System Architect", "Edinburgh", "5421", "2011/04/25", "$320,800" ],
          [ "Garrett Winters", "Accountant", "Tokyo", "8422", "2011/07/25", "$170,750" ],
          [ "Ashton Cox", "Junior Technical Author", "San Francisco", "1562", "2009/01/12", "$86,000" ],
          [ "Cedric Kelly", "Senior Javascript Developer", "Edinburgh", "6224", "2012/03/29", "$433,060" ],
          [ "Airi Satou", "Accountant", "Tokyo", "5407", "2008/11/28", "$162,700" ],
          [ "Brielle Williamson", "Integration Specialist", "New York", "4804", "2012/12/02", "$372,000" ],
          [ "Herrod Chandler", "Sales Assistant", "San Francisco", "9608", "2012/08/06", "$137,500" ],
          [ "Rhona Davidson", "Integration Specialist", "Tokyo", "6200", "2010/10/14", "$327,900" ],
          [ "Colleen Hurst", "Javascript Developer", "San Francisco", "2360", "2009/09/15", "$205,500" ],
          [ "Sonya Frost", "Software Engineer", "Edinburgh", "1667", "2008/12/13", "$103,600" ],
          [ "Jena Gaines", "Office Manager", "London", "3814", "2008/12/19", "$90,560" ],
          [ "Quinn Flynn", "Support Lead", "Edinburgh", "9497", "2013/03/03", "$342,000" ],
          [ "Charde Marshall", "Regional Director", "San Francisco", "6741", "2008/10/16", "$470,600" ],
          [ "Haley Kennedy", "Senior Marketing Designer", "London", "3597", "2012/12/18", "$313,500" ],
          [ "Tatyana Fitzpatrick", "Regional Director", "London", "1965", "2010/03/17", "$385,750" ],
          [ "Michael Silva", "Marketing Designer", "London", "1581", "2012/11/27", "$198,500" ],
          [ "Paul Byrd", "Chief Financial Officer (CFO)", "New York", "3059", "2010/06/09", "$725,000" ],
          [ "Gloria Little", "Systems Administrator", "New York", "1721", "2009/04/10", "$237,500" ],
          [ "Bradley Greer", "Software Engineer", "London", "2558", "2012/10/13", "$132,000" ],
          [ "Dai Rios", "Personnel Lead", "Edinburgh", "2290", "2012/09/26", "$217,500" ],
          [ "Jenette Caldwell", "Development Lead", "New York", "1937", "2011/09/03", "$345,000" ],
          [ "Yuri Berry", "Chief Marketing Officer (CMO)", "New York", "6154", "2009/06/25", "$675,000" ],
          [ "Caesar Vance", "Pre-Sales Support", "New York", "8330", "2011/12/12", "$106,450" ],
          [ "Doris Wilder", "Sales Assistant", "Sidney", "3023", "2010/09/20", "$85,600" ],
          [ "Angelica Ramos", "Chief Executive Officer (CEO)", "London", "5797", "2009/10/09", "$1,200,000" ],
          [ "Gavin Joyce", "Developer", "Edinburgh", "8822", "2010/12/22", "$92,575" ],
          [ "Jennifer Chang", "Regional Director", "Singapore", "9239", "2010/11/14", "$357,650" ],
          [ "Brenden Wagner", "Software Engineer", "San Francisco", "1314", "2011/06/07", "$206,850" ],
          [ "Fiona Green", "Chief Operating Officer (COO)", "San Francisco", "2947", "2010/03/11", "$850,000" ],
          [ "Shou Itou", "Regional Marketing", "Tokyo", "8899", "2011/08/14", "$163,000" ],
          [ "Michelle House", "Integration Specialist", "Sidney", "2769", "2011/06/02", "$95,400" ],
          [ "Suki Burks", "Developer", "London", "6832", "2009/10/22", "$114,500" ],
          [ "Prescott Bartlett", "Technical Author", "London", "3606", "2011/05/07", "$145,000" ],
          [ "Gavin Cortez", "Team Leader", "San Francisco", "2860", "2008/10/26", "$235,500" ],
          [ "Martena Mccray", "Post-Sales support", "Edinburgh", "8240", "2011/03/09", "$324,050" ],
          [ "Unity Butler", "Marketing Designer", "San Francisco", "5384", "2009/12/09", "$85,675" ]
        ];
        $('#id-array-table').DataTable( {
          data: dataSet,
          columns: [
            { title: "Name" },
            { title: "Position" },
            { title: "Office" },
            { title: "Extn." },
            { title: "Start date" },
            { title: "Salary" }
          ]
        });
        $('#id-ajax-table').DataTable( {
          "ajax": 'data/arrays.txt'
        });
      });
    </script>
	<script type="text/javascript">
		
	var mychart1 = echarts.init(document.getElementById('main1'));
		var option1 = {
			title:{
				text:'业绩表'
			},
			tooltip:{},
			legend:{
				data: ['金额/W']
			},
			xAxis: {
				data: ['销售部','策划部','研发部','测试部','宣传部']
			},
			yAxis: {},
			series: [{
				name: '金额',
				type: 'bar',
				data: [95,93,95,97,98]
			}]
		};
		mychart1.setOption(option1);
	 
	 var mychart = echarts.init(document.getElementById('main'));
	 var option1 = {
	 	title:{
	 		text:'活跃度'
	 	},
	 	tooltip:{
	 		trigger: 'axis'
	 	},
	 	legend:{
	 		data: ['低谷','高峰期']
	 	},
	 	toolbox: {
	 		feature: {
	 			mark: {},
	 			dataView: {
	 				readOnly:false
	 			},
	 			magicType: {
	 				type: ['line','bar']
	 			},
	 			restore:{},
	 			saveAsImage: {}
	 		}
	 	},
	 	calculable:true,
	 	xAxis: [{
	 		type:'category',
	 		boundaryGap:false,
	 		data: ['周一','周二','周三','周四','周五','周六','周七']
	 	}],
	 	yAxis: [{}],
	 	series: [{
	 		name: '高峰期',
	 		type: 'line',
	 		data: [11,11,15,12,13,10],
	 		markPoint:{
	 			data: [
	 			{
	 				type: 'max',
	 				name: '最大值'
	 			},
	 			{
	 				type: 'min',
	 				name: '最小值'
	 				}
	 			]
	 		},
	 		markLnie: {
	 			data: [
	 			{
	 				type: 'average',
	 				name: '平均值'
	 			}
	 			]
	 		},
	 	
	 	},	{
	 			name: '低谷',
	 			type: 'line',
	 			data: [1,-2,2,5,3,2,0],
	 			markPoint: {
	 				data: [{
	 					name:'最低处',
	 					value: -2,
	 					xAxis: 1,
	 					yAxis: -1.5
	 				}]
	 			},
	 			
	 			markLine: {
	 			data: [{
	 				type: 'average',
	 				name: '平均值'
	 			}]
	 		}
	 		}],
			
			
	 };
	 mychart.setOption(option1);
	 // 饼图
	  var mychart3 = echarts.init(document.getElementById('main3'));
	var option3 = {
	    title: {
	        text: '各商品销量占比',
	        subtext: 'A商场情况分析',
	        left: 'center'
	    },
	    tooltip: {
	        trigger: 'item',
	        formatter: '{a} <br/>{b} : {c} ({d}%)'
	    },
	    legend: {
	        orient: 'vertical',
	        left: 'left',
	        data: ['湖北', '广东', '北京', '上海', '江苏']
	    },
	    series: [
	        {
	            name: '课程',
	            type: 'pie',
	            data: [
	                {value: 343, name: '湖北'},
	                {value: 250, name: '广东'},
	                {value: 509, name: '北京'},
	                {value: 108, name: '上海'},
	                {value: 948, name: '江苏'}
	            ],
	        }
	    ]
	};
		 mychart3.setOption(option3);
		 // 散点图
		   var MyScatter = echarts.init(document.getElementById('main4'));
		 
		                 var data = [
		                     ['2019-03-01',
		                         1,
		                         "翻身"
		                     ],
		                     [
		                         '2020-06-01',
		                         0.5,
		                         "没翻身"
		                     ],
		                     [
		                         '2021-03-02',
		                         0.5,
		                         "翻身"
		                     ]
		                 ];
		                 var textStyle = {
		                     color: '#333',
		                     fontStyle: 'normal',
		                     fontWeight: 'normal',
		                     fontFamily: '微软雅黑',
		                     fontSize: 14,
		                 };
		                 option = {
		                     xAxis: {
		                         type: 'time',
		                         name: '时间轴',
		 
		                     },
		                     yAxis: {
		                         type: 'value',
		                         name: '次数值',
		 
		                         max: 1,
		                         min: 0,
		                     },
		                     series: [{
		                         name: '',
		                         data: data,
		                         type: 'scatter',
		                         symbolSize: 40
		                     }]
		                 };
		 
		                 MyScatter.setOption(option);
	</script>
</body>
</html>